<!DOCTYPE html>
<html>
    <head>
        <title>Smoke test</title>
        <script src="../dist/rasterizeHTML.allinone.js"></script>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <canvas id="canvas" width="200" height="100"></canvas>
        <script type="text/javascript">
            var canvas = document.getElementById("canvas");

            rasterizeHTML
                .drawURL("fixtures/testScaled50PercentWithJs.html", canvas, {
                    cache: false,
                    executeJs: true,
                    executeJsTimeout: 100,
                    zoom: 2,
                    active: ".bgimage",
                    hover: ".webfont",
                    focus: "img",
                    clip: "body",
                })
                .then(
                    function (result) {
                        if (result.errors.length > 0) {
                            console.log(
                                "Could not load the following resources: ",
                                errors
                                    .map(function (e) {
                                        return e.msg;
                                    })
                                    .join(", ")
                            );
                        }
                    },
                    function (err) {
                        console.error(err);
                    }
                );
        </script>
    </body>
</html>
